import React, { Component } from 'react'

// class Title extends React.Component {
//   render () {
//     return (
//       <h1>标题{ this.props.name } - { this.props.test }</h1>
//     )
//   }
// }
const Title = (props) => {
  return (
    <h1>标题{ props.name } - { props.test }</h1>
  )
}
// 如果组件是函数式组件，通过 组件.defaultProps 设置默认值（不传时生效）-UI 库
Title.defaultProps = {
  test: '我要测试'
}
class Content extends React.Component {
  // 如果是类组件，通过 static defaultProps 设置默认值
  static defaultProps = {
    b: 'JS'
  }
  render () {
    return (
      <div>内容 - { this.props.a }- { this.props.b }</div>
    )
  }
}
class App extends Component {
  render () {
    return (
      <>
        {/* <Title name="HTML5权威指南" test="测试"/> */}
        <Title name="HTML5权威指南" />
        <Content a = "HTML5内容"/>
      </>
    )
  }
}

export default App